$(function () {

  var page = 1;
  var pageSize = 5;
  render();



  // 封装渲染页面函数
  function render() {
    $.ajax({
      url: '/category/queryTopCategoryPaging',
      type: 'GET',
      data: {
        page: page,
        pageSize: pageSize
      },
      success: function (info) {
        $("tbody").html(template("tmp", info));
        $("#paginator").bootstrapPaginator({
          bootstrapMajorVersion: 3,
          currentPage: page,
          totalPages: Math.ceil(info.total / info.size) ,
          onPageClicked: function (a, b, c, p) {
            page = p;
            render();
          }
        })
      }
    })
  }

  //  添加商品分类
  $(".btn_add").on("click", function () {
    $("#addModal").modal("show");
  })

  // 表单验证的初始化
  $('form').bootstrapValidator({
    // 指定所有字段的校验规则
    fields: {
      categoryName: {
        validators: {
          notEmpty: {
            message: '一级分类的名称不能为空'
          }
        }
      }
    },
    // 配置的校验的小图标
    feedbackIcons: {
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    }
  })

  $("form").on('success.form.bv', function (e) {
    e.preventDefault();
    //使用ajax提交逻辑
    $.ajax({
      url:'/category/addTopCategory',
      type:'post',
      data:$("form").serialize(),
      success:function(info){
        console.log(info);
        if(info.success){
          page = 1;
          render();
          $("#addModal").modal("hide");
          $("form")
          .data('bootstrapValidator')
          .resetForm(true);
        }
      }
    })
  });



})